<template>
  <div class="goals_container">
    <div class="container goals">
      <h2 class="home_item_title"><span>支持你实现自己的目标</span><b>GOALS</b></h2>
      <article class="goals_info">
        <div class="goals_text">
          <p>我们拥有技术过硬的技术团体</p>
          <p>高素质的推广团队</p>
          <p>只要你有需要</p>
          <p>我们都将成为你</p>
          <p>实现目标的助力</p>
        </div>
      </article>
    </div>
  </div>
</template>
<!--suppress JSAnnotator -->
<script>
  /* eslint-disable quotes */
  export default {
    name: 'HomeGoals',
    props: {
      List: {}
    },
    data () {
      return {}
    },
    methods: {
      abs () {
      }
    },
    computed: {},
    activated () {
      this.abs()
    }
  }
</script>
<style lang="stylus" scoped>
  @import '~styles/varibles.styl'
  .goals_container {
    background-color #fff
    height: 460px;
    position relative
    &:after {
      background $darkBgColor
      content ''
      position absolute
      bottom: 0
      left: 0
      right: 0
      height: 70px;
    }
  }

  .goals {
    position relative
    top: -120px;

  }

  .ball_s {
    position absolute;
    bottom:20px;
    top:40px;
  }

  .goals_info {
    background: url("http://www.duxue365.cn:8081/profile/website/65d5b425ccd712bdf1dd91325eaad7ed.png") no-repeat;
    background-size: cover
    height 532px;
    position relative
    z-index 2
    top: -10px;
    .goals_text {
      width: 208px;
      height: 161px;
      line-height: 36px;
      letter-spacing: 0px;
      color: #000000;
      opacity: 0.9;
      position: absolute;
      top: 224px;
      left: 132px;
    }
  }
</style>
